// 引入公共css
require("../../assets/css/normalize.css");
require("../../assets/css/reset.css");
require("../../assets/css/basic.css");
require("../../assets/css/property.css");
require("../../assets/fonts/word-img/iconfont.css");
// 公共ks
let dom = require("../../assets/js/util.js");
// axios
const axios = require("axios");
// 引入swiper
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.min.css";
// 引入自己的
require("./index.css");
window.addEventListener("DOMContentLoaded", function () {
	var mySwiper = new Swiper(".swiper", {
		// 循环模式选项
		autoplay: {
			delay: 3000,
			stopOnLastSlide: false,
			disableOnInteraction: false,
		},
		// 如果需要分页器
		pagination: {
			el: ".swiper-pagination",
		},
	});
	// 基础地址，避免多次繁琐拼接
	axios.defaults.baseURL = "http://fitness.h5.itsource.cn:3701";
	// 从本地存储中拿取该用户的相关信息
	let token = localStorage.getItem("token");
	// Bearer token是一种常见的身份验证机制，Bearer token通常是通过HTTP头发送的，具体来说是通过"Authorization"头。
	// 在使用Bearer token进行身份验证时，需要将token包含在HTTP请求头的"Authorization"字段中。
	//就是将身份信息拼接字段Authorization字段,通过http请求头发送
	axios.defaults.headers.common["Authorization"] = "Bearer " + token;
	// 发请求获得信息
	// 获取排位信息--get
	axios.get("/api/user/info").then((res) => {
		// 接收成功的相关数据
		let data = res.data.data;
		// 成功
		// 渲染排名--在res.data.data.ranking
		dom.$("#rankNumber").textContent = data.ranking;
		// 渲染徽章数量--在res.data.data.badges
		dom.$("#badgeNumber").textContent = data.badges;
	});

	// 获取打卡信息--点击打卡
	function renderClock() {
		// 发送请求
		axios.get("/api/user/clockInInfo").then((res) => {
			// 接收成功的相关数据
			let data = res.data.data;
			// 渲染点击次数
			dom.$("#clickDay").textContent = data.clockCount;
			// 按钮禁用问题
			let btn = dom.$("#clock");
			// 判断，为false
			if (data.isClockIn) {
				//已打卡
				btn.disabled = true; //禁用
				btn.style.backgroundColor = "#999";
				btn.style.color = "#fff";
				btn.textContent = "Clocked";
			}
		});
	}
	// 执行一次
	renderClock();
	// 点击时获取打卡信息
	dom.$("#clock").addEventListener("click", function () {
		axios.post("/api/user/clockIn").then((res) => {
			// errno为0时打卡成功，触发按钮禁用
			if (res.data.errno === 0) {
				alert("Success!");
				renderClock();
			}
		});
	});
	// 普通
	// 调用底部导航渲染
	dom.renderNavtaber("index");
	// 页面跳转
	//运动数据
	dom.turnToPage("sports-data", "#sportsData");
	// 徽章
	dom.turnToPage("myBadge", "#badge");
	// 课程训练
	dom.turnToPage("sport", "#courseExcise");
	// 跑步
	dom.turnToPage("sports-run", "#run");
	// 首页
	dom.turnToPage("index", "footer .icon-index");
	// 运动
	dom.turnToPage("sport", "footer .icon-sports2");
	// 我的
	dom.turnToPage("mine", "footer .icon-mine");
});
